<%-- 
  -- Body List para Student.
  --
  -- @author pablo.tortorella
  -- @author lautaro.gutierrez
--%>
<%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html" %>
<%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic" %>
<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" %>
<%@ taglib uri="/WEB-INF/struts-tiles.tld" prefix="tiles" %>
<%@ taglib uri="/WEB-INF/displaytag-el.tld" prefix="display" %>

<%-- Librerias para EXT library --%>
<link rel="stylesheet" type="text/css" href="<html:rewrite page='/protected/script/ext-1.1.1/resources/css/ext-all.css'/>" />
<link rel="stylesheet" type="text/css" href="<html:rewrite page='/protected/script/ext-1.1.1/resources/css/xtheme-default.css'/>" />

<script src="<html:rewrite page='/protected/script/ext-1.1.1/adapter/ext/ext-base.js'/>" type="text/javascript"></script>
<script src="<html:rewrite page='/protected/script/ext-1.1.1/ext-all.js'/>" type="text/javascript"></script>

<script type="text/javascript">
   /** Lleva a la modificacion de participante. Se necesitan el documento y el pais del participante */
    function modifyStudent(studentId /*, country*/) {
        var hiddenStudentId = $("modifyIdId");
        hiddenStudentId.value = studentId;        
        var form = $("modifyStudentFormId");
        form.submit();
    } 

    /** Modifica un participante.  Se necesitan el documento y el pais del participante */
    function preDeleteStudent(personalId, name, surname /*, country */) {
        // Deja el documento y el pais del participante a borrar en dos hidden
        var localHiddenPersonalIdObj = $("studentToDeleteId");
        localHiddenPersonalIdObj.value = personalId;

        Ext.MessageBox.confirm('Confirm', '&iquest;Est&aacute; seguro que desea eliminar al participante ' + name + ' ' + surname + '? ', postDeleteStudent);
    }
    
   /** Post invocacion de la eliminacion de student. */
    var postDeleteStudent = function(btn)  {
        var localHiddenPersonalIdObj = $("studentToDeleteId");
        if (btn == "yes") {
            // Se quiere eliminar efectivamente
            var deleteHiddenObj = $("deletePersonalIdId");
            deleteHiddenObj.value = localHiddenPersonalIdObj.value;
            
            var form = $("deleteStudentFormId");
            form.submit();
        }
        else {
            localHiddenNameObj.value = "";
        }
    }
</script>

<div class="errors">
	<html:errors/>
</div>

<%-- El ID del form NO debe ser modificado. Se usa desde el menu --%>
<html:form action="/protected/listStudents.do" styleId="studentFormId">
    <%-- Inyectados por Javascript --%>
    <html:hidden name="studentForm" property="personalId" styleId="studentToDeleteId" value=""/>
    <%-- No pertenece al form de Struts. Se carga cada vez q se selecciona un participante a eliminar --%>
<%-- !    <input type="hidden" id="studentToDeleteId" value="" > --%>

    <h2>Participantes</h2>

    <bean:define id="students" name="studentForm" property="students" />

    <display:table name="pageScope.students" sort="list" export="true" pagesize="25" requestURI="/protected/listStudents.do" id="row" class="displayTable">
    
        <%-- TODO Ver si puede o no borrar --%>
        <display:column title="Eliminar" class="columnGifLink" media="html">
            <img src="<html:rewrite page='/protected/img/trashcan_full.png'/>" alt="" name="submitButton" onclick="preDeleteStudent('<bean:write name="row" property="personalId" />', '<bean:write name="row" property="name" />', '<bean:write name="row" property="surname" />')" title="Elimina al participante...">
        </display:column>

        <display:column title="Ver/Editar" class="columnGifLink" media="html">
            <img src="<html:rewrite page='/protected/img/kedit.png'/>" alt="" name="submitB" onclick="modifyStudent('<bean:write name="row" property="id" />')" title="Modifica al participante...">
        </display:column>

        <display:column title="Nombres" property="name" sortable="true" />
        <display:column title="Apellidos" property="surname" sortable="true" />
        <display:column title="Documento" property="personalId" sortable="true" />
		<display:column media="csv excel pdf" title="Calle" property="address.street" sortable="false" />
        <display:column media="csv excel pdf" title="Numero" property="address.number" sortable="false" />
        <display:column media="csv excel pdf" title="Piso" property="address.floor" sortable="false" />
        <display:column media="csv excel pdf" title="Depto" property="address.room" sortable="false" />
        <display:column media="csv excel pdf" title="Ciudad" property="address.city" sortable="false" />
        <display:column media="csv excel pdf" title="Localidad" property="address.town" sortable="false" />
        <display:column media="csv excel pdf" title="Nacionalidad" property="nationality" sortable="false" />
        <display:column media="csv excel pdf" title="Email" property="email" sortable="false" />
        <display:column media="csv excel pdf" title="Email alternativo" property="email2" sortable="false" />
        <display:column media="csv excel pdf" title="Telefono Particular" property="phone" sortable="false" />
        <display:column media="csv excel pdf" title="Telefono Laboral" property="workPhone" sortable="false" />
        <display:column media="csv excel pdf" title="Telefono Celular" property="mobile" sortable="false" />
        <display:column media="csv excel pdf" title="Titulo" property="degree.degree" sortable="false" />
        <display:column media="csv excel pdf" title="Univ." property="degree.university" sortable="false" />
        <display:column media="csv excel pdf" title="Ano" property="degree.year" sortable="false" />
        <display:column media="csv excel pdf" title="Empresa" property="company" sortable="false" />
        <display:column media="csv excel pdf" title="Cargo" property="position" sortable="false" />
        <display:column media="csv excel pdf" title="Fecha Alta" property="registerDate" sortable="false" format="{0,date,dd/MM/yyyy}" />
        
    </display:table>

</html:form>

<%-- Inyectados por Javascript --%>
<div id="modifyDivId" class="hideClass">
    <html:form action="/protected/showStudent" styleId="modifyStudentFormId">
        <html:hidden property="id" value="" styleId="modifyIdId" />
    </html:form>
</div>

<%-- Inyectados por Javascript --%>
<div id="deleteDivId" class="hideClass">
    <html:form action="/protected/deleteStudent" styleId="deleteStudentFormId">
        <html:hidden property="personalId" value="" styleId="deletePersonalIdId" />
    </html:form>
</div>
